<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta data-th-replace="common/meta :: meta">
    <title>格物数据后台管理平台-小工具</title>
    <link rel="stylesheet" data-th-replace="common/Link :: link">
</head>
<body class="js-route-flag js-callRecords">
<div class="container-fluid">
    <div class="row">
        <div class="row">
            <!--电话号码检索-->
            <div class="col-md-8 col-xs-4">
                <form class="form-inline searchForm">
                    <div class="form-group">
                        <label for="searchPhone">电话号码：</label>
                        <input type="text" id="searchPhone" class="form-control" name="searchPhone" placeholder="输入电话号码">
                        <label for="searchType">类型：</label>
                        <input type="text" id="searchType" class="form-control" name="searchType" placeholder="输入类型">
                        <button type="button" class="btn btn-gew" id="search"><i class="fa fa-search"></i>检索</button>

                    </div>
                </form>
            </div>
            <div class="col-md-4 col-xs-4">
                <button class="btn btn-gew pull-right btn-sm addBtn" type="button"><i class="fa fa-plus"></i>添加</button>
            </div>

        </div>
        <div class="table-responsive marginTop">
            <table class="table table-hover fadeIn animated" id="callRecordsTable"></table>
        </div>
    </div>
</div>
<!--新增通话记录-->
<div id="addCallRecoders" class="hidden-gew">
    <form class="form-horizontal addForm" id="addForm">
        <div class="box-body">
            <div class="form-group">
                <label for="myPhone" class="col-sm-3 control-label">电话号码：</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" name="myPhone" id="myPhone" placeholder="电话号码">
                </div>
            </div>
            <div class="form-group">
                <label for="otherPhone" class="col-sm-3 control-label">对方号码：</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" name="otherPhone" id="otherPhone" placeholder="对方号码">
                </div>
            </div>
            <div class="form-group">
                <label for="type" class="col-sm-3 control-label">类   型：</label>
                <div class="col-sm-9">
                    <select id="type" class="form-control" name="type">
                        <option value="1">呼出</option>
                        <option value="2">呼入</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-3 col-sm-9">
                    <button type="submit" class="btn btn-gew"><i class="fa fa-save"></i>保存</button>
                    <button type="button" class="btn btn-default-gew reset"><i class="fa fa-reply"></i>重置</button>
                </div>
            </div>
        </div>
    </form>
</div>
<script data-main="js/main.js" src="js/lib/require.min.js" defer async="true"></script>
</body>
</html>